<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="../libs/common.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/detail.css">
</head>

<body>
    <div class="reqHeader" style="height:97px;width:100%;">
        <!--引入header.html  -->
    </div>
    <div id="success" style="position: fixed; width: 200px;
    line-height: 50px; display: none; color: red;top: 550px;right: 350px; 
    border: 1px #ccc dotted;text-align: center; font-size: 20px;">
        已添加至购物车
    </div>
    <main>
        <div class="detail">
            <div class="zoomBox">
                <ol class="smlpic">
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                    <li><img src="" alt=""></li>
                   
                    
                </ol>
                <div class="midpic">
                    <img src="" alt="" >
                    <div class="zoom"></div>
                </div>
                <div class="bigpic">
                    <img src="" alt="">
                </div>
                <div class="info">
                    <h5></h5>
                    <p class="size">初上市尺码范围:XS-XXXL</p>
                    <div class="price">
                        ¥<span>11111</span>
                        <div>
                            初上市价格：¥199.00
                            <p>
                                <span class="iconfont icon-iconfontxingxing  "></span>
                                <span class="iconfont icon-iconfontxingxing  "></span>
                                <span class="iconfont icon-iconfontxingxing  "></span>
                                <span class="iconfont icon-iconfontxingxing  "></span>
                                <span class="iconfont icon-iconfontxingxing  "></span>
                            </p>
                        </div>
                    </div>
                    <p class="activity">
                        <span>活动：</span>
                        5/29-6/4会员狂欢免邮购（门店急送订单除外）
                    </p>
                    <div class="colors">
                        <p>颜色: <span></span> </p>
                        <img src="" alt="01 白色">
                        <img src="" alt="02 黑色">
                        <img src="" alt="03 蓝色">
                        <img src="" alt="04 灰色">
                        <img src="" alt="05 粉色">
                        <img src="" alt="06 青色">
                    </div>
                    <div class="sizeAll">
                        <p>尺码 <span></span></p>
                        <div class="smlxl">
                            <p><span>150/76A/XS</span></p>
                            <p> <span>155/80A/S</span></p>
                            <p> <span>160/84A/M</span></p>
                            <p> <span>160/88A/L</span></p>
                            <p> <span>165/92A/XL</span></p>
                        </div>
                    </div>
                    <div class="sizeTable"> 
                        <p><img src="../img/size.png" alt=""> <span>尺码表</span></p>
                        <img src="../img/size.jpg" alt="" style="display: none;">
                    </div>
                    <div class="send">
                        配送方式：
                        <p><a></a></p> 快递配送
                        <p><a></a></p> 门店自提
                    </div>
                    <div class="address">
                        配送至: 
                        <span>快递</span><span>上海</span><span>¥7.00</span>
                    </div>
                    <div class="num">
                        数量：
                        <span>-</span><input type="text" value="1"><span>+</span>
                        库存充足</div>
                    <div class="add">
                        <p>立刻购买</p>
                        <p><span class="iconfont "></span>添加至购物车</p>
                    </div>
                </div>
            </div>
        </div>

    </main>
    <div class="reqFooter">
        <!--引入footer.html  -->
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.11.0/jquery.js"></script>
    <script src="../js/detail.js"></script>
</body>

</html>